<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<c:url value="/img/logoAerotechnic.png" var="img" />
<c:url value="/img/arriere.png" var="background" />
<c:url value="/img/logoAP.jpg" var="logo" />
<c:url value="/img/nom.png" var="nom" />
<c:url value="/img/ssl_icon.png" var="it" />


<c:url value="/fonts/fontomas-webfont.eot" var="f1" />
<c:url value="/fonts/fontomas-webfont.eot?#iefix" var="f2" />
<c:url value="/fonts/fontomas-webfont.woff" var="f3" />
<c:url value="/fonts/fontomas-webfont.ttf" var="f4" />
<c:url value="/fonts/fontomas-webfont.svg#FontomasCustomRegular" var="f5" />


<c:url value="/fonts/franchise-bold-webfont.eot" var="f11" />
<c:url value="/fonts/franchise-bold-webfont.eot?#iefix" var="f12" />
<c:url value="/fonts/franchise-bold-webfont.woff" var="f13" />
<c:url value="/fonts/franchise-bold-webfont.ttf" var="f14" />
<c:url value="/fonts/franchise-bold-webfont.svg#FranchiseRegular" var="f15" />

<!-- <link rel="stylesheet" type="text/css" href=${auth}> -->
<!-- <link rel="stylesheet" type="text/css" href=${demo}> -->

<!--      here we go with styles -->
<style>
<%@include file="../css/authenti.css"%>
<%@include file="../css/demo.css"%>
</style>
</head>
    <body  style="background:url(${background}) ">
        <div class="container">
        
        <div class="codrops-top">
        <img  alt="" src="${img};"> 
        
<!--                 <span class="right"> -->
<!--                         <strong style="color: #3f6997; font-size: 17px; font-family: 'Arial'"></br>Outil d'Ordonnancelent et de Pilotage </br> des chantiers avion</strong> -->
<!--                 </span> -->
                <div class="clr"></div>
            </div><!--/ Codrops top bar -->
        
                 
            <section>
            				
                <div id="container_demo" >
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form:form method="POST" commandName="user"> 
                                <h1><img  alt="" src="${it};"> </h1>
                                <c:choose>
                        		     <c:when test="${not empty error}">
                        			     <span class="isa_error">${error}</span>
                        		     </c:when>
                        	    </c:choose> 
                                <p> 

                                    <label  for="username" class="uname" data-icon="u" >  Identifiant </label>
                                    <form:input id="username" name="username" path="login"  required="required"  placeholder="username "/>
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd" data-icon="p"> mot de passe </label>
                                    <form:password id="password" name="password" path="password" required="required"  placeholder="eg. X8df!90EO" /> 
                                </p>
                                <p class="keeplogin"> 
									<input type="checkbox" name="loginkeeping" id="loginkeeping"  value="loginkeeping" /> 
									<label for="loginkeeping">mémoriser mes informations</label>
								</p>
                                <p class="login button"> 
                                    <input type="submit" value="connexion" /> 
								</p>
<!--                                 <p style class="change_link"> -->
<!-- 									Copyright © Aerotechnic 2014  -->
<!-- 								</p> -->
                            </form:form>
                        </div>

						
                    </div>
                </div>  
            </section>
        </div>
    </body>
</html>